import Taro, { Component } from '@tarojs/taro'
import { View, Text,Image } from '@tarojs/components'
import { AtTag } from 'taro-ui'
import './doctorFind.scss'
import loading  from '../../img/loading.png'

export default class DoctorFind extends Component {
    config = {
      navigationBarTitleText: '找医生'
    }
    constructor(){
        super(...arguments)
    }
    render(){
        return(
            <View>
                <View className='docfind'>
                    <View className='left-img'>
                        <Image
                        className='left-img-size'
                        src={loading}
                        />
                    </View>
                    <View className='right-info'>
                        <View className='hopName'>
                            <Test>中山奥理德眼科医院</Test>
                        </View>
                        <View className='hopTag'>
                            <AtTag
                            type='primary' 
                            size='small'
                            circle>定点医院</AtTag>
                            <AtTag type='primary'
                            size='small'
                            circle>准分子</AtTag>
                            <AtTag type='primary'
                            size='small'
                            circle>专科医院</AtTag>
                        </View>
                         <View className='view-icon'>
                            <View className='left-icon'>
                                <Image
                                className='view-icon-size'
                                src={loading}
                                />
                                <Text>1.0咨询</Text>
                            </View>
                            <View className='right-icon'>
                                <Image
                                className='view-icon-size'
                                src={loading}
                                />
                                <Text>1000预约</Text>
                            </View>
                        </View>
                        <View className='hopAdrees'>
                        <Text>广东  湛江 赤坎</Text>
                        </View>
                    </View> 
                </View>
                <View className='docfind'>
                    <View className='left-img'>
                        <Image
                        className='left-img-size'
                        src={loading}
                        />
                    </View>
                    <View className='right-info'>
                        <View className='hopName'>
                            <Test>中山奥理德眼科医院</Test>
                        </View>
                        <View className='hopTag'>
                            <AtTag
                            type='primary' 
                            size='small'
                            circle>定点医院</AtTag>
                            <AtTag type='primary'
                            size='small'
                            circle>准分子</AtTag>
                            <AtTag type='primary'
                            size='small'
                            circle>专科医院</AtTag>
                        </View>
                         <View className='view-icon'>
                            <View className='left-icon'>
                                <Image
                                className='view-icon-size'
                                src={loading}
                                />
                                <Text>1.0咨询</Text>
                            </View>
                            <View className='right-icon'>
                                <Image
                                className='view-icon-size'
                                src={loading}
                                />
                                <Text>1000预约</Text>
                            </View>
                        </View>
                        <View className='hopAdrees'>
                        <Text>广东  湛江 赤坎</Text>
                        </View>
                    </View> 
                </View>
                <View className='docfind'>
                    <View className='left-img'>
                        <Image
                        className='left-img-size'
                        src={loading}
                        />
                    </View>
                    <View className='right-info'>
                        <View className='hopName'>
                            <Test>中山奥理德眼科医院</Test>
                        </View>
                        <View className='hopTag'>
                            <AtTag
                            type='primary' 
                            size='small'
                            circle>定点医院</AtTag>
                            <AtTag type='primary'
                            size='small'
                            circle>准分子</AtTag>
                            <AtTag type='primary'
                            size='small'
                            circle>专科医院</AtTag>
                        </View>
                         <View className='view-icon'>
                            <View className='left-icon'>
                                <Image
                                className='view-icon-size'
                                src={loading}
                                />
                                <Text>1.0咨询</Text>
                            </View>
                            <View className='right-icon'>
                                <Image
                                className='view-icon-size'
                                src={loading}
                                />
                                <Text>1000预约</Text>
                            </View>
                        </View>
                        <View className='hopAdrees'>
                        <Text>广东  湛江 赤坎</Text>
                        </View>
                    </View> 
                </View>          
            </View>
        )
    }
}    